<!doctype html>
<html class="os_win7"><!--os_winXp,os_mac,os_vista,os_win7-->
<head>
	<meta charset="utf-8" />
	<title>QAMS</title>
	<link href="css/project.css" rel="stylesheet" media="screen" />
</head>
<body>
<div class="wrapper">
	<div class="body">
		<div id="qam_notify_area" class="sys_notify_pane pane_w" style="display:none"><div class="sys_notify_pane_inner"></div></div>
		<!-- 管理项目 开始 -->
		<div class="mod_user_manage">
			<div class="hd">
				<h2><i class="ico ico_users"></i>用户管理</h2>
				<div class="hd_extra">
					<div class="search_box">
						<div class="search_box_inner">
							<input type="text" class="search_style" id="search_text"> <a href="javascript:void(0)"  id="search_btn" class="ico ico_search"><span>搜索</span></a>
						</div>
					</div>
				</div>
			</div>
			<div class="bd">
				<div class="table_toolbar">
					<div class="table_toolbar_l">
						<label for="select_all"><input type="checkbox" id="select_all" /> 全选</label> <a href="#" class="btn btn_normal"><span>删除</span></a>
					</div>
					<div class="table_toolbar_r">
						<div class="pagenav">
							 <a href="javascript:void(0)" class="ico ico_page_left_n" id="page_up">上一页</a> <span id="page_nums">10/20</span> <a href="javascript:void(0)" class="ico ico_page_right"  id="page_down">下一页</a>
						</div>
					</div>
				</div>
				<div class="table_wrap">
					<table class="table_style">
					<caption>管理主项目</caption>
					<colgroup>
							<col class="col_users_checkbox" />
							<col class="col_users_username" />
							<col class="col_users_username" />
							<col class="col_users_username" />
							<col class="col_users_usergroup" />
							<col class="col_users_date">
							<col class="col_users_date">
							<col class="col_users_op">
						</colgroup>
					<thead>
					<tr>
						<th style="width:3%"></th>
						<th style="width:20%">用户名</th>
						<th style="width:13%">姓名</th>
						<th style="width:6%">密码</th>
						<th style="width:10%">用户组</th>
						<th style="width:13%">注册时间</th>
						<th style="width:13%">上次登陆</th>
						<th></th>
					</tr>
					</thead>
					<tbody id="list_area">
					<!--
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="css/sample/avatar_default.png" alt="" class="avatar">kundyzhang</td>
						<td>前端开发</td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><a href="#"><i class="ico ico_edit"></i>修改密码</a> <a href="#"><i class="ico ico_del"></i>删除</a></td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="css/sample/avatar.jpg" alt="" class="avatar">jeannewoo</td>
						<td>前端开发</td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><a href="#"><i class="ico ico_edit"></i>修改密码</a> <a href="#"><i class="ico ico_del"></i>删除</a></td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="css/sample/avatar_default.png" alt="" class="avatar">tysonpan</td>
						<td>前端开发</td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><a href="#"><i class="ico ico_edit"></i>修改密码</a> <a href="#"><i class="ico ico_del"></i>删除</a></td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="css/sample/avatar_default.png" alt="" class="avatar">shenfeili</td>
						<td>产品运营</td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><a href="#"><i class="ico ico_edit"></i>修改密码</a> <a href="#"><i class="ico ico_del"></i>删除</a></td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="css/sample/avatar_default.png" alt="" class="avatar">yettazhou</td>
						<td>视觉设计</td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><a href="#"><i class="ico ico_edit"></i>修改密码</a> <a href="#"><i class="ico ico_del"></i>删除</a></td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="css/sample/avatar_default.png" alt="" class="avatar">yuanyuanzhu</td>
						<td>交互设计</td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><span class="txt_auxiliary">2011-11-08 9:03</span></td>
						<td><a href="#"><i class="ico ico_edit"></i>修改密码</a> <a href="#"><i class="ico ico_del"></i>删除</a></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<div class="inputstyle" contenteditable="true">
								用户名...
							</div>
						</td>
						<td>
							<div class="type_select">
								<div class="like_select"><p>选择用户组</p><span class="icon_down"></span></div>
								<div class="select_drop_down" style="display:none;">
								<ul>
									<li><a href="#">超级管理员</a></li>
									<li><a href="#">前端开发</a></li>
									<li><a href="#">前台开发</a></li>
									<li><a href="#">产品运营</a></li>
									<li><a href="#">视觉设计</a></li>
									<li><a href="#">交互设计</a></li>
									<li><a href="#">项目负责人</a></li>
								</ul>
							</div>
							</div>
						</td>
						<td colspan="2">
							<div class="inputstyle" contenteditable="true">
								avatar路径
							</div>
						</td>
						<td class="add_tr_op"><a href="#"><i class="ico ico_save"></i>保存</a> <a href="#"><i class="ico ico_del"></i>删除</a>
						</td>
					</tr>
					-->
					</tbody>
					<tfoot>
					<tr>
						<td colspan="6" class="noline"><a href="javascript:void(0)" class="op_add" id="btn_add"><i class="ico ico_add"></i> 添加用户</a></td>
					</tr>
					</tfoot>
				</table>
				</div>

			</div>
		</div>
		<!-- 管理项目 结束 -->
	</div>
</div>


<div id="message_div"></div>

<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="js/md5.js" type="text/javascript"></script>
<script src="js/public.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
<script src="js/user.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
		user.init();
		user.showlist();
		group.loadlist();
    });
</script>




</body>
</html>
